<style type="text/css">
.contact-list li {
	margin: 6px;
}

.contact {
	margin-right: 10px;
}

#map {
	width: 100%;
	height: 400px;
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.33);
}

.h, .d {
	line-height: 40px;
	font-size: 18px;
}

.d {
	font-size: 16px;
	margin-left: 40px;
	margin-bottom: 20px;
}
</style>
<div class="pull-left span7">
	<!-- <img src="http://maps.googleapis.com/maps/api/staticmap?center=18.797692, 98.973384&amp;markers=color:blue%7Clabel:S%7C18.797692, 98.973384&amp;zoom=16&amp;size=840x600&amp;sensor=false"> -->
	<div id="map"></div>
</div>
<div class="pull-left" style="margin-left: 40px;">
	<div class="h"><strong>ติดต่อ</strong></div>
	<div class="d">
		P2DC Data Center<br />
		39 Huaykaew Suthep, Muang Chiang Mai,<br />
		Chiang Mai, Thailand 50200<br />
		
		Facebook : http://facebook.com/pla2dc<br />
		Email : p2dc@gmail.com<br />
		Skype ID : pla2dc<br />
	</div>
	<div class="h"><strong>ติดต่อสอบถามเร่งด่วน</strong></div>
	<div class="d">
		Phone : 087-787-6960
	</div>
</div>
<div class="clearfix" style="padding-bottom: 40px;"></div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&language=th"></script>	<script type="text/javascript">
$(function(){
	var latLng = new google.maps.LatLng(18.797705, 98.973392);
	var myOptions = {
		'center': latLng,
		'zoom': 16,
		'mapTypeId': google.maps.MapTypeId.ROADMAP,
		//'scrollwheel': false,
		'disableDefaultUI': true,
	};
	var map = new google.maps.Map(document.getElementById("map"), myOptions);
	var marker = new google.maps.Marker({
		'position': latLng,
		'map': map
	});
});
</script>